// 人物主逻辑
window.onload = function () {
    // 添加标签
    var total = n_show;
    var wall_list=[], name_list=[];
    for(i=0;i<total;i++){
        name_list.push('name-'+(i+1));
        wall_list.push('wall-'+(i+1));
        var oUl = document.getElementById('ul');
        var new_li = document.createElement('li');
        var new_div = document.createElement('div');
        var new_span = document.createElement('span');
        new_span.setAttribute('id',name_list[i]);
        var new_img = document.createElement('img');
        new_div.setAttribute('class','div');
        new_li.setAttribute('class','body-item');
        new_img.setAttribute('class','image');
        new_div.appendChild(new_img);
        // 翻牌逻辑
        if(guess){
            var new_img_wall = document.createElement('img');
            new_img_wall.setAttribute('id',wall_list[i]);
            new_img_wall.setAttribute('class','wall');
            // 食物翻牌
            if(food){
                new_img_wall.setAttribute('src','./image-foods/wall.jpeg');
            }
            // 添加wall
            new_div.appendChild(new_img_wall);
        }
        // 普通链接逻辑
        else{
            new_span.style.top = "90%";
            new_span.style.fontSize = "0px";
        }
        new_li.appendChild(new_div);
        new_li.appendChild(new_span);
        oUl.appendChild(new_li);
    }
    
    // 事件源
    var e_image_list = document.getElementsByClassName("image");
    var e_name_list = document.getElementsByTagName("span");
    var e_title_a = document.getElementsByClassName("title-a")[0];
    var e_link = document.getElementsByTagName("link")[1];
    // 翻牌
    if(guess){
        var e_btn_reload = document.getElementsByClassName("btn")[0];
        // 食物翻牌的标题
        if(food){
            var now = new Date();
            var hour = now.getHours();
            if(2<hour && hour<8){
                e_title_a.innerText = "解 决 世 纪 性 难 题 : 今 天 吃 什 么 ?";
            }
            else if(8<=hour && hour<13){
                e_title_a.innerText = "解 决 世 纪 性 难 题 : 中 午 吃 什 么 ?";
            }
            else if(13<=hour && hour<19){
                e_title_a.innerText = "解 决 世 纪 性 难 题 : 晚 饭 吃 什 么 ?";
            }
            else{
                e_title_a.innerText = "解 决 世 纪 性 难 题 : 宵 夜 吃 什 么 ?";
            }
        }
    }
    var walls=[], names=[];
    for(i=0;i<total;i++){
        // 翻牌
        if(guess){
            walls.push(document.getElementById(wall_list[i]));
        }
        names.push(document.getElementById(name_list[i]));
    }

    // 初始化图片
    // 翻牌
    if(guess){
        setTimeout(function(){
            for(i=0;i<total;i++){
                if(food){
                    e_image_list[i].src = foods_image[i][1];
                    e_name_list[i].innerText = foods_image[i][0];
                }
            }
        },200);
    }
    
    if(guess){
        // 点击卡片翻牌
        for(let i=0;i<total;i++){
            walls[i].onclick = function(){
                walls[i].style.zIndex = 1;
                names[i].style.top = "100%";
                e_btn_reload.style.display = "inline-block";
            }
        }
        // 刷新按钮
        e_btn_reload.onclick = function(){
            window.location.reload();
        }
    }

    $('.title').on('click', '.title-a', function () {
        // 清除a标签默认事件
        event.preventDefault();
        let msg = `开源：https://gitee.com/xiangjianan`
        alert(msg);
    });
}